<template>
    <div>
        <h1 v-big="size">我是局部自定义指令</h1>
        <input type="text" v-hi="hi">
    </div>
</template>

<script>
    export default {
        data(){
            return{
                size: "100px",
                hi:250

            }
        },
        // 局部自定义指令
        directives:{
            big(element,value){
                // element 绑定的元素
                // value 传的值
                console.log(element,value);
                 element.style.fontSize = value.value
                element.style.color = "red"
            }
        }
        //全局自定义指令去main.js中配置
    }
</script>

<style lang="scss" scoped>

</style>